<meta name="viewport"
      content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<style>
    body {
        background-color: #f5f5f5;
        margin: 0;
    }

    .ver_div {
        width: 100%;
        line-height: 40px;
        font-size: 16px;
        border: none;
        background-color: #fff;
        padding-left: 20px;
        padding-top: 10px;
    }

    .ver_div_dis {
        display: flex;
        justify-content: space-between;
    }

    .ver_div_dis_b {
        margin-right: 40px;
    }

    .ver_time {
        font-size: 14px;
        color: #888;
    }

    .money {
        color: #fa720a;
        font-size: 18px;

    }

    .green {
        color: green;
    }

    .red {
        color: red;
    }
</style>
<div class='fui-cell-group' style="height:100%;background-color: #f5f5f5 !important;">
    <div class='fui-cell' style="height:100%;margin:1.6rem auto;padding:0;padding-top:10px;height:100%;">
        <div class='fui-cell-info' id='paylist' style="height:93%;overflow: auto;margin-top:-4%;">
            [#if count==0]
            <div style="text-align: center;color: gray">暂无交易数据</div>
            [/#if]
            [#list orderList as order]
            <div class="ver_div">
                <div class="ver_div_dis">
                    <div>流水号：${order.trans_id}</div>
                    <div class="ver_div_dis_b money">${order.trans_amt}</div>
                </div>
                <div class="ver_div_dis">
                    <div class="ver_time">${order.create_date}</div>
                    [#if order.state==64]
                    <div class="ver_div_dis_b green">交易成功</div>
                    [/#if]
                    [#if order.state==128]
                    <div class="ver_div_dis_b red">交易失败</div>
                    [#else]
                    <div class="ver_div_dis_b orange">交易中</div>
                    [/#if]
                </div>
                <div style="width:100%;height:10px;background-color: #f5f5f5;margin-left:-20px;"></div>
            </div>
            [/#list]

            <!--<div class="ver_div">-->
                <!--<div class="ver_div_dis">-->
                    <!--<div>流水号：38787483748</div>-->
                    <!--<div class="ver_div_dis_b money">+200</div>-->
                <!--</div>-->
                <!--<div class="ver_div_dis">-->
                    <!--<div class="ver_time">2018-06-21</div>-->
                    <!--<div class="ver_div_dis_b red">交易失败</div>-->
                <!--</div>-->
                <!--<div style="width:100%;height:10px;background-color: #f5f5f5;margin-left:-20px;"></div>-->
            <!--</div>-->


        </div>
    </div>
</div>